@import "../../../styles/_commonColor.scss";
.home{
    .sendContainer {
        position: relative;
        z-index: 9;
        .topLine{
            height: .3rem;
            margin: .2rem .16rem 0 .16rem;
            background: $toplinegreen;
            border-radius: .1rem;
            position: relative;
            z-index: -1;
        }
        .content{
            background: $white;
            margin: .26rem;
            padding: .4rem .3rem .5rem .3rem;
            position:relative;
            z-index:20;
            margin-top:-.15rem;
            .trademark{
                margin-bottom: .4rem;
                .logo{
                    width: 3.12rem;
                    height: .68rem;
                }
                .phone{
                    float: right;
                    text-align: right;
                    color: $darkgray;
                    font-size: .24rem;
                    &>div:first-child{
                        font-size: .34rem;
                    }
                }
            }
        }
        .address{
            font-size: .34rem;
            border: 1PX solid $maskborder;
            position: relative;
            .title{
                line-height: .48rem;
                background: $slidergreen;
                color: $white;
                font-size: .3rem;
                padding: .08rem .16rem;
            }
            .choiceContainer{
                position:relative;
                padding: .34rem .5rem .32rem .16rem;
                min-height: 1.8rem;
                box-sizing: border-box;
                .noAddress{
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    color: $gray;
                    width: 95%;
                    &>img{
                        width: .24rem;
                        height: .24rem;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        -webkit-transform: translateY(-50%);
                    }
                }
                .name{
                    margin-right: .4rem;
                }
                .jump{
                    width: .24rem;
                    height: .24rem;
                    position: absolute;
                    right: .3rem;
                    top: .4rem;
                }
            }
        }
        .sendTypeBox{
            border: 1PX solid $maskborder;
            .sendType{
               width: 50%;
               display: inline-block; 
               &:first-child{
                    border-right: 1PX solid $maskborder;
               }
               .title{
                    line-height: .48rem;
                    background: $slidergreen;
                    color: $white;
                    font-size: .3rem;;
                    padding: .08rem .16rem;
               }
               .sendTypeSelect{
                    line-height: 1rem;
                    color: $darkgray;
                    font-size: .34rem;
                    padding-left: .16rem;
                    position: relative;
                    &>img{
                        width: .24rem;
                        height: .24rem;
                        position: absolute;
                        right: .3rem;
                        top: 50%;
                        transform: translateY(-50%);
                        -webkit-transform: translateY(-50%);
                    }
               }
            }
        }
        .agreeBox{
            position: relative;
            height: 1.1rem;
            line-height: 1.1rem;
            .agreeEnlarge{
                padding: .3rem 0;
                .agree{
                width: .3rem;
                height: .3rem;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                }
                .determine{
                margin-left: .5rem;
                }
            }
            .agreeBtn{
              font-size: .26rem;
              color: $orange;
              margin-left: .1rem;
            }
        }
        .btnBox{
            button{
                height: .88rem;
                width: 100%;
                border: none;
                font-size: .32rem;
                outline:none
            }
            .handle{
                background: $slidergreen;
                color: $white;
            }
        }
    }       
    .explain{
        font-size: .26rem;
        color:$gray;
        text-align: center;
        margin: .34rem 0 .62rem 0;
    }  
}